<!DOCTYPE html>
<html>
<head>
    <title>Ceadeal | Main page</title>
    <#include "head.ftl"/>
</head>
<body class="cw-body">
<div>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            首页
            <small>&nbsp;</small>
        </h1>
        <ol class="breadcrumb">
            <li class="active"><a href="/main"><i class="fa fa-dashboard"></i> 首页</a></li>
            <#--<li class="active">欢迎页</li>-->
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- Your Page Content Here -->
        <ul class="timeline">
            <!-- timeline time label -->
            <li class="time-label">
                <span class="bg-red">系统信息</span>
            </li>
            <li>
                <i class="fa fa-cogs bg-blue"></i>
                <div class="timeline-item">
                    <span class="time"><i class="fa fa-info-circle"></i></span>
                    <h3 class="timeline-header"><a href="#">系统名称</a>&emsp;${systemName}</h3>
                    <h3 class="timeline-header"><a href="#">系统版本</a>&emsp;${systemVersion}</h3>
                </div>
            </li>

            <li class="time-label">
                <span class="bg-yellow">操作系统</span>
            </li>
            <li>
                <i class="fa fa-windows bg-aqua"></i>
                <div class="timeline-item">
                    <span class="time"><i class="fa fa-info-circle"></i></span>
                    <h3 class="timeline-header"><a href="#">操作系统名称</a>&emsp;${osName}</h3>
                    <h3 class="timeline-header"><a href="#">操作系统架构</a>&emsp;${osArch}</h3>
                </div>
            </li>

            <li class="time-label">
                <span class="bg-green">&emsp;Java&emsp;</span>
            </li>
            <li>
                <i class="fa fa-coffee bg-teal-active"></i>
                <div class="timeline-item">
                    <span class="time"><i class="fa fa-info-circle"></i></span>
                    <h3 class="timeline-header"><a href="#">JAVA版本</a>&emsp;${javaVersion}</h3>
                    <h3 class="timeline-header"><a href="#">JAVA路径</a>&emsp;${javaHome}</h3>
                </div>
            </li>

            <li class="time-label">
                <span class="bg-fuchsia">&nbsp;&nbsp;Servlet&nbsp;&nbsp;</span>
            </li>
            <li>
                <i class="fa fa-server bg-lime-active"></i>
                <div class="timeline-item">
                    <span class="time"><i class="fa fa-info-circle"></i></span>
                    <h3 class="timeline-header"><a href="#">Servlet信息</a>&emsp;${serverInfo}</h3>
                    <h3 class="timeline-header"><a href="#">Servlet版本</a>&emsp;${servletVersion}</h3>
                </div>
            </li>

            <!-- END timeline item -->
            <li>
                <i class="fa fa-cloud bg-gray"></i>
            </li>
        </ul>

    </section>
    <!-- /.content -->
</div>

<!-- FastClick -->
<script src="/plugin/AdminLTE/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/plugin/AdminLTE/dist/js/demo.js"></script>
</body>
</html>